<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="./lib/vue.js"></script>
		<script src="./lib/vue-router.js"></script>
	</head>
	<body>
		<div id="app">
			<input type="text" v-model="name1" @keyup="getName3"/>+
			<input type="text" v-model="name2"  @keyup="getName3"/>=
			<input type="text" v-model="name3" />
			
		</div>
	</body>
	
	<script>
		var vm = new Vue({
			el:'#app',
			data:{
				name1:'',
				name2:'',
				name3:''
			},
			methods:{
				getName3(){
					this.name3=this.name1+ '---'+this.name2
				}
			}
		})
	</script>
</html>
